<!DOCTYPE html>

<html lang="ch" class="no-js">
    <!-- BEGIN HEAD -->
    <head>
        <meta charset="utf-8"/>
        <title>解决方案 - Skeys Design</title>
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta content="width=device-width, initial-scale=1" name="viewport"/>
        <meta content="" name="description"/>
        <meta content="" name="author"/>

        <!-- GLOBAL MANDATORY STYLES -->
        <link href="http://fonts.googleapis.com/css?family=Hind:300,400,500,600,700" rel="stylesheet" type="text/css">
        <link href="vendor/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
        <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>

        <!-- PAGE LEVEL PLUGIN STYLES -->
        <link href="css/animate.css" rel="stylesheet">
        <link href="vendor/swiper/css/swiper.min.css" rel="stylesheet" type="text/css"/>

        <!-- THEME STYLES -->
        <link href="css/layout.css" rel="stylesheet" type="text/css"/>

        <!-- Favicon -->
        <link rel="shortcut icon" href="img/favicon.png">
        <link rel="apple-touch-icon" href="img/apple-touch-icon.png">
        <link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
        <link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">
    </head>
    <!-- END HEAD -->

    <!-- BODY -->
    <body>

        <!--========== HEADER ==========-->
        <header class="header navbar-fixed-top">
            <!-- Navbar -->
            <nav class="navbar" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="menu-container">
                        <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".nav-collapse">
                            <span class="sr-only">Toggle navigation</span>
                            <span class="toggle-icon"></span>
                        </button>

                        <!-- Logo -->
                        <div class="logo">
                            <a class="logo-wrap" href="index.html">
                                <img class="logo-img logo-img-main" src="img/logo.png" alt="Asentus Logo">
                                <img class="logo-img logo-img-active" src="img/logo-dark.png" alt="Asentus Logo">
                            </a>
                        </div>
                        <!-- End Logo -->
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse nav-collapse">
                        <div class="menu-container">
                            <ul class="navbar-nav navbar-nav-right">
                              <li class="nav-item"><a class="nav-item-child nav-item-hover" href="index.html">创意中心</a></li>
                              <!-- <li class="nav-item"><a class="nav-item-child nav-item-hover" href="pricing.html">Pricing</a></li> -->
                              <li class="nav-item"><a class="nav-item-child nav-item-hover" href="about.html">关于我们</a></li>
                              <li class="nav-item"><a class="nav-item-child nav-item-hover active" href="products.html">解决方案</a></li>
                              <li class="nav-item"><a class="nav-item-child nav-item-hover" href="faq.html">FAQ</a></li>
                              <li class="nav-item"><a class="nav-item-child nav-item-hover" href="contact.html">业务洽谈</a></li>
                            </ul>
                        </div>
                    </div>
                    <!-- End Navbar Collapse -->
                </div>
            </nav>
            <!-- Navbar -->
        </header>
        <!--========== END HEADER ==========-->

        <!--========== PARALLAX ==========-->
        <div class="parallax-window" data-parallax="scroll" data-image-src="img/1920x1080/01.jpg">
            <div class="parallax-content container">
                <h1 class="carousel-title">解决方案</h1>
                <p>我们致力于为客户提供具有战略意义的优质解决方案</p>
            </div>
        </div>
        <!--========== PARALLAX ==========-->

        <!--========== PAGE LAYOUT ==========-->
        <!-- Our Exceptional Solutions -->
        <div class="content-lg container">
            <div class="row margin-b-40">
                <div class="col-sm-6">
                    <h2>近期解决方案展示</h2>
                    <!-- <p>Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incididunt ut laboret dolore magna aliqua enim minim veniam exercitation</p> -->
                </div>
            </div>
            <!--// end row -->

            <div class="row margin-b-50">
              <div class="col-sm-4 sm-margin-b-50">
                  <div class="margin-b-20">
                      <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                          <img class="img-responsive" src="img/970x647/01.jpg" alt="Latest Products Image">
                      </div>
                  </div>
                  <h4><a href="#">虹娘科技品牌官网</a> <span class="text-uppercase margin-l-20">网页设计</span></h4>
                  <p>虹娘科技是一家以虹膜识别为核心技术的科技网站，该项目从用户受众出发，为客户提供一整套成熟的官网品牌形象设计方案。</p>
                  <a class="link">2017/10/01</a>
              </div>
              <!-- End Latest Products -->

              <!-- Latest Products -->
              <div class="col-sm-4 sm-margin-b-50">
                  <div class="margin-b-20">
                      <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                          <img class="img-responsive" src="img/970x647/02.jpg" alt="Latest Products Image">
                      </div>
                  </div>
                  <h4><a href="#">K.MEAL形象视觉设计</a> <span class="text-uppercase margin-l-20">品牌形象</span></h4>
                  <p>K.MEAL【卡餐】是针对白领人群打造健康、营养、科学的快餐方案的餐饮管理公司，如今已先后入驻美团、百度、饿了么等等主流餐饮平台。</p>
                  <a class="link">2017/03/24</a>
              </div>
              <!-- End Latest Products -->

              <!-- Latest Products -->
              <div class="col-sm-4 sm-margin-b-50">
                  <div class="margin-b-20">
                      <div class="wow zoomIn" data-wow-duration=".3" data-wow-delay=".1s">
                          <img class="img-responsive" src="img/970x647/03.jpg" alt="Latest Products Image">
                      </div>
                  </div>
                  <h4><a href="#">背文常移动端应用</a> <span class="text-uppercase margin-l-20">移动应用</span></h4>
                  <p>首个针对艺考类的移动端应用，主要内容包括及时更题、名师出题、针对学习、全面覆盖等，现已上架App Store，用户量1W左右。</p>
                  <a class="link">2016/12/25</a>
              </div>
              <!-- End Latest Products -->
            </div>
            <!--// end row -->
        </div>
        <!-- End Our Exceptional Solutions -->

        <!-- Clients -->
        <div class="bg-color-sky-light">
            <div class="content-lg container">
                <!-- Swiper Clients -->
                <div class="swiper-slider swiper-clients">
                    <!-- Swiper Wrapper -->
                    <div class="swiper-wrapper">
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="img/clients/01.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="img/clients/02.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="img/clients/03.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="img/clients/04.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="img/clients/05.png" alt="Clients Logo">
                        </div>
                        <div class="swiper-slide">
                            <img class="swiper-clients-img" src="img/clients/06.png" alt="Clients Logo">
                        </div>
                    </div>
                    <!-- End Swiper Wrapper -->
                </div>
                <!-- End Swiper Clients -->
            </div>
        </div>
        <!-- End Clients -->

        <!--========== FOOTER ==========-->
        <footer class="footer">
            <!-- Links -->
            <div class="footer-seperator">
                <div class="content-lg container">
                    <div class="row">
                        <div class="col-sm-2 sm-margin-b-50">
                            <!-- List -->
                            <ul class="list-unstyled footer-list">
                                <li class="footer-list-item"><a class="footer-list-link" href="#">创意中心</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">关于我们</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">解决方案</a></li>
                                <!--<li class="footer-list-item"><a class="footer-list-link" href="#">Pricing</a></li>-->
                                <li class="footer-list-item"><a class="footer-list-link" href="#">客户信息</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">公司历程</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">业务洽谈</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">团队介绍</a></li>
                            </ul>
                            <!-- End List -->
                        </div>
                        <div class="col-sm-4 sm-margin-b-30">
                            <!-- List -->
                            <ul class="list-unstyled footer-list">
                                <li class="footer-list-item"><a class="footer-list-link" href="#">Twitter</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">Facebook</a></li>
                                <li class="footer-list-item"><a class="footer-list-link" href="#">微博</a></li>
                                <!--<li class="footer-list-item"><a class="footer-list-link" href="#">YouTube</a></li>-->
                            </ul>
                            <!-- End List -->
                        </div>
                        <div class="col-sm-5 sm-margin-b-30">
                            <h2 class="color-white">有问题需要咨询？在下方留言吧</h2>
                            <input type="text" class="form-control footer-input margin-b-20" placeholder="姓名" required>
                            <input type="email" class="form-control footer-input margin-b-20" placeholder="Email" required>
                            <input type="text" class="form-control footer-input margin-b-20" placeholder="联系方式" required>
                            <textarea class="form-control footer-input margin-b-30" rows="6" placeholder="留言内容" required></textarea>
                            <button type="submit" class="btn-theme btn-theme-sm btn-base-bg text-uppercase">提交</button>
                        </div>
                    </div>
                    <!--// end row -->
                </div>
            </div>
            <!-- End Links -->

            <!-- Copyright -->
            <div class="content container">
                <div class="row">
                    <div class="col-xs-6">
                        <img class="footer-logo" src="img/logo.png" alt="Skeys Logo">
                    </div>
                    <div class="col-xs-6 text-right">
                        <p class="margin-b-0"><a class="color-base fweight-700" href="#preview/asentus/">Skeys Design - 2017©All rights reserved.</p>
                    </div>
                </div>
                <!--// end row -->
            </div>
            <!-- End Copyright -->
        </footer>
        <!--========== END FOOTER ==========-->

        <!-- Back To Top -->
        <a href="javascript:void(0);" class="js-back-to-top back-to-top"><i class="service-icon icon-arrow-up"></i> </a>

        <!-- JAVASCRIPTS(Load javascripts at bottom, this will reduce page load time) -->
        <!-- CORE PLUGINS -->
        <script src="vendor/jquery.min.js" type="text/javascript"></script>
        <script src="vendor/jquery-migrate.min.js" type="text/javascript"></script>
        <script src="vendor/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>

        <!-- PAGE LEVEL PLUGINS -->
        <script src="vendor/jquery.easing.js" type="text/javascript"></script>
        <script src="vendor/jquery.back-to-top.js" type="text/javascript"></script>
        <script src="vendor/jquery.smooth-scroll.js" type="text/javascript"></script>
        <script src="vendor/jquery.wow.min.js" type="text/javascript"></script>
        <script src="vendor/jquery.parallax.min.js" type="text/javascript"></script>
        <script src="vendor/swiper/js/swiper.jquery.min.js" type="text/javascript"></script>

        <!-- PAGE LEVEL SCRIPTS -->
        <script src="js/layout.min.js" type="text/javascript"></script>
        <script src="js/components/wow.min.js" type="text/javascript"></script>
        <script src="js/components/swiper.min.js" type="text/javascript"></script>

    </body>
    <!-- END BODY -->
</html>
